$white: #fff;
$black: #020201;
$theme: #291600;
$theme-light: #ac7f58;
$font_size: 12px;
$nav_h: 44px;
$device_h: 100vh;
$device_w: 100vw;
$view_w: 20rem;
$base_index: 1;
.page_ordercenter {
  padding: 94px 0 44px 0;
  min-height: $device_h;
  header {
    z-index: 10;
    line-height: 40px;
    .go {
      line-height: 40px;
    }
    .title {
      font-size: 18px;
      font-weight: bold;
    }
  }
  nav {
    &.switch {
      position: fixed;
      z-index: 13;
      top: 40px;
      width: 100%;
      margin: 0 auto;
      padding-top: 3px;
    }
  }
  article {
    .list {
      .panel {
        margin-bottom: 10px;
      }
      .ordeone {
        background-color: #fff;
        margin: 0 auto 20px auto;
        padding-top: 10px;
        .orderid {
          .status {
            font-size: 12px;
            margin-left: 10px;
          }
        }
      }
      .operate {
        .btn {
          font-size: 12px;
        }
      }
      .cominfo {
        line-height: 56px;
        [class^='col'] {
          padding: 0;
        }
        .compic {
          overflow: hidden;
          white-space: nowrap;
        }
        img {
          width: 48px;
          height: 48px;
          background-color: black;
          padding: 0;
        }
        .comname {
          font-size: 12px;
          padding: 0;
        }
      }
    }
  }
  footer {
    .pager {
      margin: 0 auto;
    }
  }
}